<button
  mat-flat-button
  [style.height.px]="24"
  [style.minWidth.px]="32"
  [style.borderRadius.px]="0"
  [style.marginRight.px]="8"
  [style.padding]="'0px 10px'"
  (click)="goBackHandle()"
  [disabled]="goBackIsDisabled"
>
  <span class="iconfont FCzuo ad-breadcrumb-go-back-icon"></span>
</button>
<ng-container *ngFor="let breadcrumbItem of breadcrumbList; last as lastItem; first as firstItem">
  <div class="ad-breadcrumb-divider" *ngIf="!firstItem">{{ dividerChar }}</div>
  <div
    class="ad-breadcrumb-name"
    [title]="breadcrumbItem.name"
    [class.ad-breadcrumb-disabled]="breadcrumbItem.disabled"
    [class.ad-breadcrumb-current-node]="lastItem"
    (click)="!breadcrumbItem.disabled && !lastItem && clickNodeHandle(breadcrumbItem)"
  >
    {{ breadcrumbItem.name }}
  </div>
</ng-container>
